<!--
  Generated template for the LogonPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar style="opacity: 0.8" no-border-bottom color="primary">
    <ion-title>注册</ion-title>
  </ion-navbar>

</ion-header>

  <ion-content>
    <ion-item>
    <ion-label fixed>账号</ion-label>
      <ion-input type="tel" placeholder="请输入11位手机号" (ionBlur)="blurtel(user_id)" #user_id></ion-input>
    </ion-item>
    <ion-item>
    <ion-label fixed>输入密码</ion-label>
    <ion-input type="password" placeholder="请输入密码" (ionBlur)="blurpassword(password)" #password></ion-input>
    </ion-item>
    <ion-item>
      <ion-label fixed>确认密码</ion-label>
      <ion-input type="password" placeholder="再次输入密码" (ionBlur)="blurpassword2(password,password2)" #password2></ion-input>
    </ion-item>
    <ion-item>
      <ion-input placeholder="请输入验证码" (ionBlur)="isCode(code)" #code></ion-input>
      <button color="custom" item-right ion-button (click)="getCode()" [disabled]="!verifyCode.disable">{{verifyCode.verifyCodeTips}}</button>
    </ion-item>
    <p *ngIf="showflg">{{errormsg}}</p>
    <br>
    <div style="text-align: center; margin-left: 30px; margin-right: 30px;">
      <ion-checkbox class="checkbox-dark" [checked]="isChecked" (ionChange)="onChange()"></ion-checkbox>
      <span> 同意<a href="#">用户协议</a></span>
    </div>
    <div style="text-align: center; margin-left: 30px; margin-right: 30px;">
    <button ion-button block color="danger"  (click)="logOn(user_id,password)">注册</button>
    </div>
  </ion-content>
